<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>替换元素</title>
    <script src="../../js/jquery-1.4.2.js"></script>
</head>
<body>
    <button id="b1">替换元素</button>
     <div>
         这是一个div
     </div>
</body>
<script>

    $(function(){
        //创建一个h1元素

        //用h1元素替换掉div
        $("#b1").click(function(){
            $("div").replaceWith($("<h1>这是一个H1元素</h1>"))
        })

    })
</script>
</html>